<template>
  <div>
    <!-- <van-button type="primary">主要按钮</van-button>
    <hello-world :msg="count" />
    <img
      src="@/assets/logo.png"
      alt="">
    <bar-chart
      :x-data="xData"
      :y-data="yData" />
    <map-chart /> -->
    <van-tabs
      v-model:active="active"
      shrink>
      <van-tab
        v-for="index in 4"
        :key="index"
        :title="'选项 ' + index">
        内容 {{ index }}
      </van-tab>
    </van-tabs>
  </div>
</template>

<script setup lang="ts">
import HelloWorld from '@/components/HelloWorld.vue'
import BarChart from '@/components/BarChart.vue'
import MapChart from '@/components/MapChart.vue'
import img from '@/assets/logo.png'
import { Button as VanButton, Tab as VanTab, Tabs as VanTabs } from 'vant'
import { computed, ref } from 'vue'

const xData = ref<string[]>([])

const yData = ref<number[]>([])

const count = ref(1)
const plusOne = computed({
  get: () => count.value,
  set: (val) => {
    count.value = val - 3
  }
})
const num = 1
const active = ref(0)
// setInterval(() => {
//   xData.value.push(num + "月")
//   yData.value.push(num + 200 * num)
//   num++
// }, 2500)

plusOne.value = 10
// console.log(count.value)

// import dayjs from 'dayjs'
// console.log(dayjs().format())

console.log(import.meta.env)
</script>

<style lang="scss" scoped></style>
